<%--
  Created by IntelliJ IDEA.
  User: MR.W
  Date: 2020/10/26
  Time: 16:13
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/admin/static/css/layui.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/admin/static/css/admin.css">
    <link rel="icon" href="/favicon.ico">
    <title>管理后台</title>
    <style>
        #appTabs li{
            background-color: rgba(47,47,47,0.6) !important;
            color: white; !important;
            margin-right: 3px;
            border-radius: 15px 5px;

        }
        .layui-this:after{
            height: 0px !important;
            border-top: white 3px solid !important;
            margin-left: 8px;
            width: 92% !important;
        }
        .ai-menufold:before{
            color: darkgray !important;
        }
        .ai-menufold:before{
            color: darkgray; !important;
        }
        .custom-admin .layui-nav .layui-nav-more:before{
            content: "★";
            color: darkgray !important;
        }
        .custom-admin .layui-nav-itemed > a .layui-nav-more:before{
            content: "★";
        }
        h1{
            text-align: center;
        }

    </style>
</head>
<body class="layui-layout-body">
<div style="background: linear-gradient(157deg,#63498a,#5184c5,#d58e64);" class="layui-layout layui-layout-admin">
    <div style="background-color: rgba(43, 61, 107,0.4)" class="layui-header custom-header">

        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item slide-sidebar" lay-unselect>
                <a href="javascript:;" class="icon-font"><i class="ai ai-menufold"></i></a>
            </li>
        </ul>

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a style="color: white" href="javascript:;">${admin.adminName}</a>
                <dl class="layui-nav-child">
                    <dd>
                        <a href="${pageContext.request.contextPath}/adminAdd" layuimini-content-href="page/user-setting.html" data-title="添加管理员" data-icon="fa fa-gears">添加管理员<span class="layui-badge-dot"></span></a>
                    </dd>
                    <dd>
                        <a href="${pageContext.request.contextPath}/admin/findMessage?username=${admin.adminName}" layuimini-content-href="page/user-password.html" data-title="修改用户名和密码" data-icon="fa fa-gears">修改信息</a>
                    </dd>
                    <dd>
                        <a href="/AdminLoginOut" class="login-out">退出登录</a>
                    </dd>
                </dl>
            </li>
        </ul>
    </div>

    <div style="background-color: rgba(48, 73, 113,0)" class="layui-side custom-admin">
        <div style="background-color: rgba(47, 47, 47,0.2)" class="layui-side-scroll">

            <div class="custom-logo" tyle="background-color: rgba(56, 92, 145,0)>
<%--                <img src="${pageContext.request.contextPath}/admin/static/images/logo.png" alt=""/>--%>
                <img src="${pageContext.request.contextPath}/admin/static/images/logo.png" alt=""/>
                <h1>BYTE酒店管理系统</h1>
            </div>
            <ul id="Nav" class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon">▷</i>
                        <em>主页</em>
                    </a>
                    <dl style="background-color: #00a0e9" class="layui-nav-child">
                        <dd><a style="background-color: #ff7575" href="${pageContext.request.contextPath}/main">控制台</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon">▷</i>
                        <em>房间管理</em>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="${pageContext.request.contextPath}/roomAdd">添加房间</a></dd>
                        <dd><a href="${pageContext.request.contextPath}/roomListAll">房间列表</a></dd>
<%--                        <dd>--%>
<%--                            <a href="javascript:;">页面</a>--%>
<%--                            <dl class="layui-nav-child">--%>
<%--                                <dd>--%>
<%--                                    <a href="${pageContext.request.contextPath}/admin/login">登录页</a>--%>
<%--                                </dd>--%>
<%--                            </dl>--%>
<%--                        </dd>--%>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon">▷</i>
                        <em>分类管理</em>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="${pageContext.request.contextPath}/roomCategoryAdd">添加分类</a></dd>
                        <dd><a href="${pageContext.request.contextPath}/roomCategoryList">分类列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon">▷</i>
                        <em>VIP管理</em>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="${pageContext.request.contextPath}/vipAdd">添加VIP</a></dd>
                        <dd><a href="${pageContext.request.contextPath}/vipList">VIP列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon">▷</i>
                        <em>住户管理</em>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="${pageContext.request.contextPath}/userMessageAdd">添加住户信息</a></dd>
                        <dd><a href="${pageContext.request.contextPath}/userMessageList">查看住户信息</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <i class="layui-icon">▷</i>
                        <em>订单管理</em>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="${pageContext.request.contextPath}/orderList">查看列表</a></dd>
                    </dl>
                </li>
            </ul>

        </div>
    </div>

    <div class="layui-body">
        <div style="background-color: rgba(255,255,255,0) !important;" class="layui-tab app-container" lay-allowClose="true" lay-filter="tabs">
            <ul id="appTabs" style="background-color: rgba(255,255,255,0) !important; border: 0" class="layui-tab-title custom-tab"></ul>
            <div id="appTabPage" class="layui-tab-content"></div>
        </div>
    </div>

<%--    <div class="layui-footer">--%>
<%--    </div>--%>

    <div class="mobile-mask"></div>
</div>
<script src="${pageContext.request.contextPath}/admin/static/layui/layui.js"></script>
<script src="${pageContext.request.contextPath}/admin/static/index.js" data-main="admin/static/home"></script>
</body>
</html>